<head>
<title>Splash Awards 2012</title>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #414045;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #414045;
	font-size: 12pt;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #414045;
	font-size: 11pt;
}
-->
</style><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onLoad="MM_preloadImages('../images/btn_home_1b.png','../images/btn_about_1b.png','../images/btn_rules_1b.png','../images/btn_prizes_1b.png','../images/btn_partners_1b.png','../images/btn_training_1b.png')">
<table width="800" Height="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#F8F6EC">
  <tr>
    <td width="200" height="250" valign="top"><a href="../home/home.jsp" target="_self"><img src="../images/logo_SplashAwards2012.jpg" width="200" height="250" border="0"></a></td>
    <td rowspan="2" align="center" valign="top"><table width="530" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td height="60" colspan="6"><img src="../images/TopHeader.png" width="531" height="61" border="0" usemap="#Map"></td>
      </tr>
      <tr>
        <td width="71" height="38"><a href="home/home.jsp" target="_self" onMouseOver="MM_swapImage('btn_Home','','../images/btn_home_1b.png',1)" onMouseOut="MM_swapImgRestore()"><img src="../images/btn_home_1a.png" alt="Home" name="btn_Home" width="71" height="39" border="0"></a></td>
        <td width="81"><a href="about.jsp" target="_self" onMouseOver="MM_swapImage('btn_About','','../images/btn_about_1b.png',1)" onMouseOut="MM_swapImgRestore()"><img src="../images/btn_about_1a.png" alt="About" name="btn_About" width="81" height="39" border="0"></a></td>
        <td width="76"><a href="rules.jsp" target="_self" onMouseOver="MM_swapImage('btn_rules','','../images/btn_rules_1b.png',1)" onMouseOut="MM_swapImgRestore()"><img src="../images/btn_rules_1a.png" alt="Rules" name="btn_rules" width="76" height="39" border="0"></a></td>
        <td width="105"><a href="training.jsp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('training','','../images/btn_training_1b.png',1)"><img src="../images/btn_training_1a.png" name="training" width="105" height="39" border="0"></a></td>
        <td width="83"><a href="prizes.jsp" target="_self" onMouseOver="MM_swapImage('btn_Prizes','','../images/btn_prizes_1b.png',1)" onMouseOut="MM_swapImgRestore()"><img src="../images/btn_prizes_1a.png" alt="Prizes" name="btn_Prizes" width="83" height="39" border="0"></a></td>
        <td><a href="partners.jsp" target="_self" onMouseOver="MM_swapImage('btn_Partners','','../images/btn_partners_1b.png',1)" onMouseOut="MM_swapImgRestore()"><img src="../images/btn_partners_1a.png" alt="Partners" name="btn_Partners" width="120" height="39" border="0"></a></td>
      </tr>
      <tr>
        <td colspan="6">&nbsp;</td>
      </tr>
      <tr>
        <td height="60" colspan="6">&nbsp;</td>
      </tr>
      <tr>
        <td colspan="6"><%@ taglib prefix="s" uri="/struts-tags"%>
<fieldset>
<legend class="style2">Register for Splash Award 2012</legend>
<div id="error" style="display:none;color:red">
<ul>
	<li>Please enter all the fields and click on submit</li>
	<li>Please make sure you enter valid values for all the fields</li>
</ul>
</div>
<s:form method="post" action="RegisterAction_register" id="register"  enctype="multipart/form-data" onsubmit="return validateForm()">
<table id="dataTable">
<tr>
<td colspan="2"><span class="style3">Team/Individual Details</span></td>
</tr>
<tr>
<s:textfield label="Team Name" key="team.teamName" maxlength = "64"/>
</tr>
<tr>
<s:textfield label="School" key="team.schoolName" maxlength = "200"/>
</tr>
<tr>
<s:select headerKey="-1" headerValue="----Select School Level---" key="team.teamLevel" list="level" label="Level"></s:select>
</tr>
<tr>
<s:select  headerKey="-1" headerValue="----Select Topic---" key="team.caseStudy" list="topic" label="Topic" ></s:select>
</tr>
<tr>
<s:radio label="Individual/Team Participation"  name="selectedType" list="type" value="defaultType" cssClass="partType"/>
</tr>
<tr>
<td colspan="2" class="style3"><strong>Mentor Details</strong></td>
</tr>
<tr>
<s:textfield label="Mentor Name" key="team.mentor.mentorName" maxlength ="100"/>
</tr>
<tr>
<s:textfield label="Mentor Email" key="team.mentor.emailAddress"  maxlength = "100"/>
</tr>
<tr>
<s:textfield label="Mentor Mobile" key="team.mentor.mobileNumber" maxlength="10"/>
</tr>
<tr>
<td colspan="2" class="style3"><strong>Participant Details</strong></td>
</tr>
<s:iterator value="{1,2,3}" >
<tr class="team">
<td class="style3"><strong>Participant&nbsp;
      <s:property/>
</strong></td>
<td class="style3"><s:textfield label="Name" name="studentName" maxlength = "100"/></td>
<td><s:textfield label="NRIC" name="studentNric" maxlength = "9"/></td>
<td><s:textfield label="Email" name="studentEmail"  maxlength = "100"/></td>
<td><s:textfield label="Mobile" name="studentMobile" maxlength="10"/></td>
</tr>
</s:iterator>
<tr>
<td colspan="2" class="style3">Attachments:(only .doc,.docx,.ppt,.pptx are allowed)</td>
</tr>
<tr>
<s:file label="Attach your file" name="attachmentFile" key="team.attachment" ></s:file>
</tr>
<tr>
<s:file label="Attach your file" name="attachmentFile" key="team.attachment"></s:file>
</tr>
<tr>
<s:submit label="Register"/>
</tr>
</table>
</s:form>
</fieldset>
          </td>
      </tr>
      
    </table></td>
  </tr>
  <tr>
    <td valign="top"><p>&nbsp;</p>
    <div id="fb-root"></div>
      <script>
        (function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) {return;}
          js = d.createElement(s); js.id = id;
          js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
      </script>
      <div class="fb-like-box" data-href="https://www.facebook.com/SCSSplashAward" data-width="300" data-height="400" data-show-faces="true" data-stream="true" data-header="true"></div>
    </td>
  </tr>
</table>

<map name="Map"><area shape="rect" coords="446,40,530,60" href="mailto:scs.secretariat@scs.org.sg" target="_self">
</map></body>
</html>
